html {
  font-size: 0.8em;
}

body {
  line-height: 1;
  background: #fff;
  font-family: sans-serif;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  margin: 0;
}

a {text-decoration: none; color: #202A35;}
a:hover {text-decoration: none; color: #858F99;}

button.showhide {
  display: inline;
  width: 60px;
  margin-right: 5px;
}

h2 {
  display: box;
  border-bottom: 1px solid #202A35;
/*  border-bottom: 1px solid #889;*/
  padding-top: 0.3em;
  font-size: 1.3em;
}

.hide { display: none !important; }
.section {
  display: block;
  margin-bottom: 5px;
}
.breaker {
  display: block;
  clear: both;
}

#content_wrapper {
  clear: both;
  margin: 8px;
}

table {
}

table.infobox {
  width: 100% !important;
  background: #F7F8F9;
/*  background: #F2F6F9;*/
/*  background: #F2F7FC;*/
/*  border: 1px solid #889;*/
  border: 1px solid #202A35;
  border-collapse: collapse;
  padding: 3px;
  float: none !important;
  margin-bottom: 5px;
  margin-left: 0 !important;
}

table.infobox th, table.infobox td {
  padding: 3px;
/*  vertical-align: top;*/
}

table.infobox th.lo {
  padding-right: 1em;
}

th.tape {
  color: white;
  background-color: #202A35;
/*  background-color: #889;*/
  text-align: center;
  vertical-align: middle;
}

th.tape > a {
  color: #fff;
}

th.tape > a:hover {
  color: #858F99;
}


a.spec {position:relative;}
a.spec:hover {z-index:25;}
a.spec span {display: none}
a.spec:hover span {
  display: block;
  position: absolute;
  top: 0em;
  left: 0em;
  border: none;
  background-color: #F2F6F9;
  color: #202A35;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 3px;
  padding-left: 7px;

}